:root {
    background-color: rgb(22, 20, 33);
}

.frame {
    size: auto;
    background-color: rgb(7, 7, 13);
}

image.thumbnail {
    opacity: 0;
    background-size: 320px 410px;
    transition: background-size 200ms;
}

image.thumbnail.loaded {
    opacity: 1;
    transition: opacity 200ms;
}

image.thumbnail:hover {
    background-size: 350px 440px;
    transition: background-size 200ms;
}

image.original {
    background-size: 400px 500px;
    scale: 1.2;
    opacity: 0;
    z-index: 1;
}

image.original.show {
    background-size: 400px 500px;
    scale: 1;
    opacity: 1;
    transition: opacity 400ms;
    transition: scale 400ms;
}

.list-item {
    gap: 10px;
}

.background {
    backdrop-filter: blur(4px);
    position-type: absolute;
}
